                                                                                                                                                      <html>
    <head>
        <meat charset="utf-8">
        <titie>li xiang</titie>
    <style type="text/css">
        body{
            background-color: rgb(0, 0, 0);
            color: aqua;
        }
       .one{
        margin: auto;
        width: 400px;
        border-style: solid;
        padding: 3;
        border-color: red;
       }
       .two{
        border-top-style: dotted;
        border-bottom-style:dotted;
        border-right-style:double;
        border-left-style: double;
        float: left;
        margin-top: 10px;
        border-color:yellow;
       }
       .three{
        border-style: dashed;
        float: right;
        margin-top: 10px;
        border-color: green;
        
       }
       .four{
        border-style:dashed ;
        background-color: #ccc;
        margin-top: 500px;
        padding: 5%;
        margin: 3%;
        border-width:200px;
        height: 80px;
        border: 8px #f00;
       }
    </style>
    </head>
    <body>
        
        <div class="one">
            ddddd
        </div>
        <div class="two">
            <img src="222.jpg">
            
        </div>
        <div class="three">
            <p>分布偶诶一点不怕饭后无法方式</p>
        </div>
        <div class="four">
            上述边框颜色为红绿灯
        </div>
    </body>
</html>